<html >
<head>
    <title>首页</title>
    <meta name="description" content="描述"/>
    <meta name="keywords" content="关键词"/>
    {include file='public/tops' /}

</head>
<body class="xh_body">
<div id="header_wrap">
    {include file="public/header" /}
</div>

</div>
    <div id="xh_wrapper">
        <!--start banner-->
        <input type="hidden" id="hdUrlFocus" />
        <div class="xh_h_show">
            <div class="xh_h_show_in">
                <div id="zSlider">
                    <div id="picshow">
                        <div id="picshow_img">
                            <ul>
                                <li style="display: list-item;">
                                    <a href="/life/361.html" target="_blank">
                                        <img src="__STATIC__/index/images/1-140206162449A0.jpg" alt="骑行40000公里 英国胶片摄影师的骑游之旅">
                                    </a>
                                </li>
                                <li style="display: list-item;">
                                    <a href="/life/394.html" target="_blank">
                                        <img src="__STATIC__/index/images/354.jpg" alt="骑看世界：春节骑行海南岛 畅游冬日骑行天堂">
                                    </a>
                                </li>
                                <li style="display: list-item;">
                                    <a href="/life/364.html" target="_blank">
                                        <img src="__STATIC__/index/images/1-1402061A315209.jpg" alt="隆猫西班牙自行车之旅-Mallorca岛梦幻旅程（上）">
                                    </a>
                                </li>
                                <li style="display: list-item;">
                                    <a href="/gear/rs/320.html" target="_blank">
                                        <img src="__STATIC__/index/images/1-1402061A155W4.jpg" alt="#CES展上的新玩意# Casio 发布 STB-1000 智能手表 可同步骑行速">
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div id="select_btn">
                        <ul>
                            <li class="current"></li>
                            <li class=""></li>
                            <li class=""></li>
                            <li class=""></li>
                        </ul>
                    </div>

                </div>
                <div id="picshow_right">
                    <a href="/life/416.html" target="_blank">
                        <img src="__STATIC__/index/images/1-140206160415Y6.jpg" alt="COACH再度携手王力宏 踩单车演" width="255px" height="420px">
                    </a>
                    <div id="picshow_right_cover"></div>
                </div>
            </div>
        </div>
        <!--end banner-->
        <div id="xh_container">
            <!--start 中间内容部分-->
            <a name="new"></a>
            <div id="xh_content" style="padding-right:10px;">
                <div class="xh_area_h_3">
                    <div class="xh_area_title">
                        <a href="javascript:" class="t">New 最近更新</a>
                        <span class="r">
                            <a href='/lookbike/fixed-gear/'>死飞车</a>

                            <a href='/lookbike/vintagebicycle/'>复古骑行</a>

                            <a href='/lookbike/roadbicycle/'>公路车</a>
                         </span>
                    </div>
                    <br>
                    <div class="xh_post_h_3 ofh">
                        <div class="xh_265x265">
                            <a target="_blank" href="/life/392.html" title="骑看世界：三个女孩的欧洲骑行之路">
                                <img src="__STATIC__/index/images/352.jpg" alt="骑看世界：三个女孩的欧洲骑行之路" height="240" width="400"></a></div>
                        <div class="r ofh">
                            <h2 class="xh_post_h_3_title ofh">
                                <a target="_blank" href="/life/392.html" title="骑看世界：三个女孩的欧洲骑行之路">骑看世界：三个女孩的欧洲骑行之路</a>
                            </h2>
                            <span class="time">2014年02月06日 17:26</span>
                            <div class="xh_post_h_3_entry ofh">
                                经历了欧洲漫长的冬季，卡佳，凯茜和米歇尔三个女孩决定开始他们本年度第一次roadtrip，于是他们脱离了自己正常的生活模式，开始进入自行车模式开始他们的骑行之旅。她们的第一站是列支敦士登的Ell...
                            </div>
                            <div class="b">
                                <span title="2人赞" class="xh_love"><span class="textcontainer"><span>2</span></span> <span
                                        class="bartext"></span></span> <span title="119人浏览" class="xh_views">119</span>
                            </div>
                        </div>
                        <span class="cat"><a href="/life/" title="查看 单车生活 中的全部文章"
                                             rel="category tag">单车生活</a></span>
                    </div>
                    <div class="xh_post_h_3 ofh">
                        <div class="xh_265x265">
                            <a target="_blank" href="/life/395.html" title="骑看世界：探索地中海科西嘉岛">
                                <img src="__STATIC__/index/images/355.jpg" alt="骑看世界：探索地中海科西嘉岛" height="240" width="400"></a></div>
                        <div class="r ofh">
                            <h2 class="xh_post_h_3_title ofh">
                                <a target="_blank" href="/life/395.html" title="骑看世界：探索地中海科西嘉岛">骑看世界：探索地中海科西嘉岛</a>
                            </h2>
                            <span class="time">2014年02月06日 17:26</span>
                            <div class="xh_post_h_3_entry ofh"> 翻译：dracular
                                来源：pinkbike从波兰出发，驱车1800公里，再经过几个小时的轮渡就可以到达我们的目的地科西嘉岛了.
                            </div>
                            <div class="b">
                                <span title="1人赞" class="xh_love"><span class="textcontainer"><span>1</span></span> <span
                                        class="bartext"></span></span> <span title="180人浏览" class="xh_views">180</span>
                            </div>
                        </div>
                        <span class="cat"><a href="/life/" title="查看 单车生活 中的全部文章"
                                             rel="category tag">单车生活</a></span>
                    </div>
                    <div class="xh_post_h_3 ofh">
                        <div class="xh_265x265">
                            <a target="_blank" href="/life/395.html" title="骑看世界：探索地中海科西嘉岛">
                                <img src="__STATIC__/index/images/355.jpg" alt="骑看世界：探索地中海科西嘉岛" height="240" width="400"></a></div>
                        <div class="r ofh">
                            <h2 class="xh_post_h_3_title ofh">
                                <a target="_blank" href="/life/395.html" title="骑看世界：探索地中海科西嘉岛">骑看世界：探索地中海科西嘉岛</a>
                            </h2>
                            <span class="time">2014年02月06日 17:26</span>
                            <div class="xh_post_h_3_entry ofh"> 翻译：dracular
                                来源：pinkbike从波兰出发，驱车1800公里，再经过几个小时的轮渡就可以到达我们的目的地科西嘉岛了.
                            </div>
                            <div class="b">
                                <span title="1人赞" class="xh_love"><span class="textcontainer"><span>1</span></span> <span
                                        class="bartext"></span></span> <span title="180人浏览" class="xh_views">180</span>
                            </div>
                        </div>
                        <span class="cat"><a href="/life/" title="查看 单车生活 中的全部文章"
                                             rel="category tag">单车生活</a></span>
                    </div>
                </div>
                <div id="pagination">
                    <div class='wp-pagenavi'>
                       页码
                    </div>
                </div>
            </div>
            <!--end 中间内容部分-->
            <div id="xh_sidebar">
                <!--start 热点文章-->
                <div class="widget">

                    <div class="rdwz"></div>
                    <ul id="ulHot">
                        <li class="rd-article-li">
                            <div class="rd-article-li-div-img">
                                <a href="/lookbike/roadbicycle/110.html" target="_blank">
                                    <img src="__STATIC__/index/images/68.png"  title="环西冠军克里斯霍纳的个性化定制座驾 Trek Madone公路车"/>
                                </a>
                            </div>
                            <div class="rd-article-li-div-desc">
                                <a href="/lookbike/roadbicycle/110.html" target="_blank" title="环西冠军克里斯霍纳的个性化定制座驾 Trek Madone公路车">
                                    环西冠军克里斯霍纳的个性化定制座驾 Trek Ma
                                </a>
                            </div>
                        </li>
                        <li class="rd-article-li">
                            <div class="rd-article-li-div-img">
                                <a href="/lookbike/small/184.html" target="_blank">
                                    <img src="__STATIC__/index/images/146.jpg" title="英式折叠车Brompton Junction 上海旗舰店"/>
                                </a>
                            </div>
                            <div class="rd-article-li-div-desc">
                                <a href="/lookbike/small/184.html" target="_blank" title="英式折叠车Brompton Junction 上海旗舰店">
                                    英式折叠车Brompton Junction 上海旗舰店
                                </a>
                            </div>
                        </li>

                        <li class="rd-article-li">
                            <div class="rd-article-li-div-img">
                                <a href="/lookbike/small/327.html" target="_blank">
                                    <img src="__STATIC__/index/images/146.jpg" title="英式折叠车Brompton Junction 上海旗舰店"/>
                                </a>
                            </div>
                            <div class="rd-article-li-div-desc">
                                <a href="/lookbike/small/327.html" target="_blank" title="英式折叠车Brompton Junction 上海旗舰店">
                                    英式折叠车Brompton Junction 上海旗舰店
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>
                <!--end 热点文章-->

                <!--start 在线投稿-->
                <div class="widget portrait">
                    <div>
                        <div class="textwidget">
                            <a href="/tougao.html"><img src="__STATIC__/index/images/tg.jpg" alt="投稿"></a><br><br>
                        </div>
                    </div>
                </div>
                <!--end 在线投稿-->

                <!--start 友情链接-->
                <div class="widget links">
                    <h3>
                        友情链接</h3>
                    <ul>
                        <li><a href='#' target='_blank'>链接1</a></li>
                        <li><a href='#' target='_blank'>链接2</a></li>
                    </ul>
                    <div class="clear">
                    </div>
                </div>
                <!--end 友情链接-->
            </div>
            <div class="clear"></div>
        </div>

        <!--start 列表图片遮罩层效果-->
        <div class="boxBor" onclick="IBoxBor()" style="cursor:pointer;"></div>
        <input type="hidden" id="hdBoxbor"/>
        <!--end 列表图片遮罩层效果-->
    </div>

    {include file="public/footer" /}
</div>

</body>
<script src="__STATIC__/index/style/global.js" type="text/javascript"></script>
<script type="text/javascript">
    //列表图片遮罩层效果
    $(function () {
        var imgHoverSetTimeOut = null;
        $('.xh_265x265 img').hover(function () {
            var oPosition = $(this).offset();
            var oThis = $(this);
            $(".boxBor").css({
                left: oPosition.left,
                top: oPosition.top,
                width: oThis.width(),
                height: oThis.height()
            });
            $(".boxBor").show();
            var urlText = $(this).parent().attr("href");
            $("#hdBoxbor").val(urlText);
        }, function () {
            imgHoverSetTimeOut = setTimeout(function () {
                $(".boxBor").hide();
            }, 500);
        });
        $(".boxBor").hover(
            function () {
                clearTimeout(imgHoverSetTimeOut);
            }
            , function () {
                $(".boxBor").hide();
            }
        );
    });
    function IBoxBor() {
        window.open($("#hdBoxbor").val());
    }
    //end 列表图片遮罩层效果
    function IBoxBor() {
        window.open($("#hdBoxbor").val());
    }


</script>
</html>
